 <script type="text/javascript" src="__PUBLIC__/js/jquery/lin_stepIntroduction.js"></script>   
                        	<div class="jqueryTitle mt5">
                            	<span>实现原理</span>
                            </div>
                            <div class="p15">
                            	根据当前步骤的控制值来按照元素的ID顺序显示！
                            </div>
                            
                        	<div class="jqueryTitle mt5">
                            	<span>相关参数</span>
                            </div>
                            <div class="p15">
                            	<table cellpadding="0" cellspacing="0" class="jqueryAttr">
                                	<thead>
                                    	<tr>
                                        	<th>参数名</th>
                                            <th>参数说明</th>
                                        </tr>
                                    </thead>
                                    <tbody>
		<tr>
        	<td>stepStart</td>
            <td>开始界面id,默认lin_step</td>
        </tr>
        <tr>
        	<td>masker</td>
            <td>遮罩控制,默认true</td>
        </tr>
        <tr>
        	<td>maskerClass</td>
            <td>遮罩样式,默认lin_stepMask</td>
        </tr>
        <tr>
        	<td>nextStep</td>
            <td>下一步按钮样式,默认.lin_nextStep</td>
        </tr>
                <tr>
        	<td>closeStep</td>
            <td>关闭按钮样式,默认.lin_closeStep</td>
        </tr>       
        </tbody>
                                </table>
                            </div> 
                            <div class="jqueryTitle mt5">
                            	<span>演示效果</span>
                            </div>
                            <div class="p15">
                            	<p class="pt15">前期准备：头部加入jquery-1.7.2.min.js;lin_stepIntroduction.js文件;</p>
                            	<div class="pt15"><strong>效果</strong></div>
                                <p>CSS</p>
                                <pre>.lin_step{position:absolute; background-color:#F30; color:#FFFFFF;display:none; z-index:1; border:2px solid #FFFFFF; font-size:12px; padding:10px;}
.lin_step a{color:#FFFFFF; padding-left:5px;}
#lin_step1{background-color:#006600; left:130px; top:0px;}
#lin_step2{background-color:#FF3399; left:810px; top:150px;}
#lin_step3{background-color:#C00; left:0px; top:400px;}</pre>
                                <p>js</p>
                                <pre>$(".lin_step").lin_stepIntroduction({stepStart:"lin_step",masker:true}); 	</pre>
                                <div class="blank10"></div>
                                
								<div>
                                	<a href="javascript:void(0);" title="新手教学"  onclick="$('.lin_step').lin_stepIntroduction({stepStart:'lin_step',masker:true});">开始新手教学</a>
        	  
              
        <div class="lin_step" id="lin_step">
        	是否进行新手指导
            <a href="javascript:void(0);" class="lin_nextStep">[开始]</a>
            <a href="javascript:void(0);" class="lin_closeStep">[关闭]</a>
        </div>
        <div class="lin_step" id="lin_step1">
        	这是网站LOGO
            <a href="javascript:void(0);" class="lin_nextStep">[下一步]</a>
            <a href="javascript:void(0);" class="lin_closeStep">[关闭]</a>
        </div>
        <div class="lin_step" id="lin_step2">
        	这是参数说明
                    <a href="javascript:void(0);" class="lin_nextStep">[下一步]</a>
            <a href="javascript:void(0);" class="lin_closeStep">[关闭]</a>
        </div>
        <div class="lin_step" id="lin_step3">
            这是demo演示块
            <a href="javascript:void(0);" class="lin_nextStep">[结束]</a>
        </div>
                                </div>
                            	                             
                                
                            </div>  

                            <div class="clearfix pt40 pb40">
                            	<a href="http://url.cn/OyUF71" title="《{$data.title}》源代码下载" class="jqueryDown" rel="nofollow" target="_blank">《{$data.title}》源代码下载</a>
                            </div>   
                        

 <script type="text/javascript">
 $(function(){
	 	$(".lin_step").lin_stepIntroduction({stepStart:"lin_step",masker:true}); 	
	});
 </script>   
